Usability Testing of Icons 圖示的可用性測試

為了確保使用者理解圖示的含義和用途,應在產品開發週期的不同階段進行多種型別的測試。圖示常被用來節省空間並利用視覺快速識別的優勢。然而,圖示的實際可用性只能透過使用者測試來驗證。

圖示的可用性可以透過以下四個質量標準來評估

  1. 可發現性(Findability)

    使用者能否在頁面上快速找到圖示?

  1. 識別度(Recognition)

    使用者能否理解圖示所代表的含義?

  1. 資訊氣味(Information Scent)

    使用者能否正確猜測與圖示互動後會發生什麼?

  1. 吸引力(Attractiveness)

    圖示是否具有視覺美感?

這些標準對設計的成功至關重要,需要分開測試以確定如何改進圖示。

圖示測試方法

1. 可發現性測試

為了評估圖示的可發現性,必須在實際介面中測試(上下文內測試)。

方法:時間定位測試(Time-to-Locate Test)讓參與者在頁面中點選或觸控圖示以完成特定任務,記錄使用者找到正確圖示所需的時間及首次點選正確率。

應用案例:若使用者無法快速點選正確圖示,可能說明圖示之間的差異不足,或圖示被放置在使用者容易忽略的位置。

2. 識別度測試

識別度測試通常在上下文外進行(單獨展示圖示)。

方法:圖示識別測試。向使用者展示單個圖示,詢問他們該圖示的含義。

應用案例:如果使用者的猜測與設計意圖不符,則說明圖示設計需重新調整。例如,如果使用者誤解垃圾桶圖示的用途,可能需要修改圖示或新增文字說明。

注意:不要依賴使用者從標籤中推斷圖示含義,因為有些使用者在實際介面中可能只看影象而忽略標籤。

3. 資訊氣味測試

評估使用者是否能透過圖示推斷出其功能。

方法:情境化測試。提供基本的上下文資訊(如圖示將出現在電商網站上),讓使用者猜測圖示的功能。

A/B測試:在實際產品中測試多個候選圖示,記錄互動率的差異和快速返回的行為(快速返回通常表明使用者對圖示後的內容感到失望)。

4. 吸引力測試

評估圖示的美觀度,包括單獨圖示和圖示組的整體吸引力。

方法:吸引力評分。使用者對每個圖示評分(如1–7分),或者選擇最喜歡和最不喜歡的圖示,並解釋原因。

應用案例:

如果圖示組中大部分圖示都令人滿意,但某些圖示顯得不協調,應重新設計這些圖示以匹配整體美感。

標準可用性測試與圖示測試

儘管標準可用性測試可以揭示圖示的問題,但無法明確是圖示的哪一方面存在問題(如未被發現或含義模糊)。例如:

在某網站的重新設計測試中,參與者沒有與表示“最近瀏覽頁面”的時鐘圖示互動,但無法確認是因為使用者未注意到該圖示還是無法理解其含義。

因此,不應將標準可用性測試作為唯一的圖示可用性評估方法。

產品開發階段的測試方法

策略階段(Strategize)使用上下文外方法(如識別度測試、資訊氣味測試)探索多種設計方案,評估圖示的可行性。

執行階段(Execute)在設計和實現階段,逐步完善圖示設計:初期可用上下文外測試吸引力,直到確定最佳設計方案。隨著介面設計的完善,逐步轉向上下文內測試(如時間定位測試)。

評估階段(Assess)系統或功能上線後,透過基準測試和A/B測試持續最佳化圖示設計。週期性地評估圖示的可用性和效能。

其他注意事項

  1. 避免測試偏差
    • 注意任務的措辭,避免用詞暗示圖示含義。
    • 使用多種問題表述方式(如同義詞或省略品牌術語)進行測試,確保結果不受表述影響。
  1. 測試方法的迭代應用
    • 不必在每個專案中使用所有方法,可根據設計階段選擇適合的測試方法,並透過多次迭代最佳化圖示設計與標籤的匹配程度。

結論:透過多階段的圖示測試,可以有效評估圖示的發現性、識別度、資訊氣味和吸引力。測試結果為設計改進提供了明確方向,同時有助於圖示在介面中的最佳佈局和功能傳達。

更多關於移動設計中圖示使用的詳細資訊,可參考相關培訓課程《移動與平板裝置的視覺設計》。